﻿.wrap{min-width:1200px}
.content{width: 1200px;margin: 0 auto;}
.header>.content{display: flex;justify-content: space-between;align-items: center;height: 94px;}
.header .logoBox{max-width: 600px;height: 54px;line-height: 54px;}
.header .logoBox img{max-height: 54px;vertical-align: middle;}
.header .searchBox{display: flex;}
.header .searchBox form{font-size: 0;}
.header .searchBox form input[type=text]{background: transparent;width: 246px;height: 34px;border: 1px solid #dedede;box-sizing: border-box;vertical-align: middle;padding-left: 10px;}
.header .searchBox form input[type=submit]{width: 34px;height: 34px;background: #3c62c3 url(../img/search.png) center center no-repeat;border: 0;vertical-align: middle;}
.header .searchBox a.lungage{width: 34px;height: 34px;margin-left: 10px;background: #b1b1b1;font-size: 12px;color: #fff;font-family: Arial;display: inline-block;line-height: 34px;text-align: center;}
.menu,.searchM{display:none}
.header .nav{height: 56px;background: #3c62c3;}
.navM{display:none}
.header .nav ul{display: flex;justify-content: space-between;}
.header .nav ul li{width: 150px;height: 56px;line-height: 56px;text-align: center;box-sizing: border-box;border-left: 1px solid #3c62c3;border-right: 1px solid #3c62c3;}
.header .nav ul li a{color: #fff;display: block;width: 100%;height: 100%;}
.header .nav ul li:hover,.header .nav ul li.active{background: #207acb;}


.footer{background: #3c62c3;color: #fff;line-height: 30px;padding: 20px 0;text-align: center;font-family: "å¾®è½¯é›…é»‘";font-size: 12px;}
.footer a{color: #fff;}

.slideBox{position:fixed;right:42px;bottom:42px;width:215px;/* height:300px; */z-index:11;}
.slideBox>p{width:100%;height:100px;background:url(../img/slidebk1.png) bottom center no-repeat;font-size:18px;font-weight:bold;color:#fff;text-align:center;line-height: 154px;text-shadow: 2px 2px 1px rgba(0,0,0,0.3);}
.slideBox ul li{margin-top:17px;width:218px;height:84px;text-align:center;line-height:84px;background:url(../img/slidebk2.png) center center no-repeat;line-height: 84px;}
.slideBox ul li:nth-child(2n){background:url(../img/slidebk3.png) center center no-repeat}
.slideBox ul li a{display:block;width:100%;/* height:100%; */color:#fff;font-size:16px;/* text-overflow: ellipsis; *//* overflow: hidden; *//* white-space: nowrap; */padding: 0 10px;box-sizing: border-box;line-height: 1.5;vertical-align: middle;display: inline-block;}
.slideBox .close{width:14px;height:14px;background:url(../img/closeG.png) center center no-repeat;position: absolute;right: 14px;top: 0;}
@media screen and (max-width:880px){
    .wrap{min-width:100vw}
    .wrap.hide{height:100vh;overflow:hidden}
    .header{height:17vw;position: fixed;top: 0;left: 0;width: 100%;z-index: 11;background: #fff;border-bottom: 1px solid #f2f2f2;}
    .content{width:92vw}
    .header>.content{display: block;height: auto;}
    .header .logoBox{max-width: 60vw;height: 17vw;line-height: 17vw;}
    .header .logoBox img{max-height: 17vw;vertical-align: middle;}
    .header .searchBox{position:absolute;display:none;background: #fff;right: 12vw;}
    .header .searchBox a.lungage{display:none}
    .searchM{display:block;position: absolute;width: 10vw;height: 17vw;background: url(../img/mSearch.png) center center no-repeat;background-size: auto 5vw;top: 0;right: 12vw;}
    .menu{display:block;position: absolute;width: 10vw;height: 17vw;background: url(../img/menu.png) center center no-repeat;background-size: auto 5vw;top: 0;right: 2vw;}
    .nav{display:none;}
    .navM{display: none;position: absolute;z-index: 11;background: #f2f2f2;width: 100%;height: calc(100vh - 17vw);top: 17vw;}
    .navM ul{height: calc(100vh - 67vw);overflow-y: scroll;}
    .navM ul li{line-height:12vw;border-bottom:1px solid #cdcdcd;position:relative}
    .navM ul li>a{color:#000000;font-size:16px;display:block;width:100%;height:100%;padding:0 4vw;box-sizing:border-box}
    .navM ul li>a+span{display:block;position:absolute;height: 12vw;width: 12vw;background: url(../img/mArrow.png) center 5vw no-repeat;background-size: 2vw;right:0;top:0;}
    .navM ul li.slide>a{color:#fff;background:#3c62c3}
    .navM ul li.slide>a+span{background: url(../img/mArrow.png) center -7vw no-repeat;background-size: 2vw;}
    .navM ul li dl{display:none;}
    .navM ul li dl dd{line-height:8vw;border-top:1px solid #cdcdcd}
    .navM ul li dl dd a{padding:0 4vw;color:#444444;}
    .linkBox{height: 11vw;line-height: 11vw;display: flex;border-bottom: 1px solid #cdcdcd;padding-top: 3vw;}
    .linkBox .search{width:8vw;height:8vw;display:inline-block;background: #3c62c3 url(../img/search.png) center center no-repeat;background-size: 3vw;margin-left: 4vw;}
    .linkBox .lungage{background:#b1b1b1;color:#fff;width:8vw;height:8vw;line-height:8vw;text-align:center;font-size:12px;margin-left: 4vw;margin-right:5vw}
    .linkBox .linkBtn{border-radius:3px;margin-right:4vw;width:24vw;height:8vw;text-align:center;background:#607cc3;line-height:8vw;color:#fff}
    .linkBox .linkBtn:last-of-type{background:#cb8800}
    .codeBox{padding:9vw 0;display: flex;justify-content: center;}
    .codeBox .Img{width:16vw;height:16vw;margin-right:4vw}
    .codeBox .Img img{width:100%}
    .codeBox .Text{padding:1vw 0}
    .codeBox .Text p{line-height:7vw;font-size:14px}
    .footer{padding: 5vw 6vw;font-size: 10px;line-height: 8vw;}
    .footer img{height:5vw;vertical-align:middle;display: inline-block;}

    .slideBox{display:none}
}